SERVER_PORT = "http://120.77.223.88:8080/red/"

Vue.component("component-header", {
    template: `
    <div class="main-header" style="position: fixed; width: 100%">

      <!-- Logo -->
      <a href="index.html" class="logo">
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini">
              <b>A</b>LT</span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg">
              <b>LeGo</b>后台管理中心</span>
      </a>

      <!-- Header Navbar -->
      <nav class="navbar navbar-static-top" role="navigation">
          <!-- Sidebar toggle button-->
          <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
              <span class="sr-only">Toggle navigation</span>
          </a>
          <!-- Navbar Right Menu -->
          <div class="navbar-custom-menu">
              <ul class="nav navbar-nav">
                  <!-- Messages: style can be found in dropdown.less-->
                  <li class="dropdown messages-menu">
                      <!-- Menu toggle button -->
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                          <i class="fa fa-envelope-o"></i>
                          <span class="label label-success">1</span>
                      </a>
                      <ul class="dropdown-menu">
                          <li class="header">你有 1 条未读消息</li>
                          <li>
                              <!-- inner menu: contains the messages -->
                              <ul class="menu">
                                  <li>
                                      <!-- start message -->
                                      <a href="#">
                                          <div class="pull-left">
                                              <!-- User Image -->
                                              <img src="../img/base/avatar-default.png" class="img-circle" alt="User Image">
                                          </div>
                                          <!-- Message title and timestamp -->
                                          <h4>
                                              客服组
                                              <small>
                                                  <i class="fa fa-clock-o"></i> 5 分钟前</small>
                                          </h4>
                                          <!-- The message -->
                                          <p>商户行为异常</p>
                                      </a>
                                  </li>
                                  <!-- end message -->
                              </ul>
                              <!-- /.menu -->
                          </li>
                          <li class="footer">
                              <a href="#">查看所有消息</a>
                          </li>
                      </ul>
                  </li>
                  <!-- /.messages-menu -->
                  <!-- User Account Menu -->
                  <li class="dropdown user user-menu">
                      <!-- Menu Toggle Button -->
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                          <!-- The user image in the navbar-->
                          <img src="../img/base/avatar-default.png" class="user-image" alt="User Image">
                          <!-- hidden-xs hides the username on small devices so only the image appears. -->
                          <span class="hidden-xs">Administrator</span>
                      </a>
                      <ul class="dropdown-menu">
                          <!-- The user image in the menu -->
                          <li class="user-header">
                              <img src="../img/base/avatar-default.png" class="img-circle" alt="User Image">

                              <p>
                                  Administrator - 超级管理员
                                  <small>2018年7月29日 加入</small>
                              </p>
                          </li>
                          <!-- Menu Footer-->
                          <li class="user-footer">
                              <div class="pull-left">
                                  <a href="./adminSettings.html" class="btn btn-default btn-flat">设置</a>
                              </div>
                              <div class="pull-right">
                                  <a href="../login/login.html" class="btn btn-default btn-flat">登出</a>
                              </div>
                          </li>
                      </ul>
                  </li>
                  <!-- Control Sidebar Toggle Button -->
                  <li>
                      <a href="adminSettings.html">
                          <i class="fa fa-gears"></i>
                          <span>管理员设置</span>
                      </a>
                  </li>
              </ul>
          </div>
        </nav>
      </div>
    `
});

var appHeader = new Vue({
  'el': '#app-header'
})